﻿

body { direction: ltr; margin: 0px; color: #000000; background-color: #ffffff; font-family: 'NarkissBlock-Regular'; font-size: 20px; }

table { padding: 0px; margin: 0px; }

td { vertical-align: top; padding: 0px; }

p { direction: ltr; margin-top: 0px; margin-bottom: 0px; }

a, a:hover, a:focus { color: inherit; text-decoration: none; }
    a.whiteBtn:hover, a.whiteBtn:focus { color: #121212 }
img { max-width: 100%; }
input[type="text"], input[type="password"] { outline: none; }
input[type="password"] { font-family: Arial; }

textarea { outline: none; }

h1, h2, h3, h4 { margin: 0; font-family: 'HadassahFriedlaender-Bold'; }

#body p { font-size: 90%; }
#body ul, ul { font-size: 90%; padding: 0; list-style: none; }
    #body ul li:before { content: ""; width: 9px; height: 9px; background: #ec1163; display: inline-block; margin-right: 20px; transform: rotate(45deg); margin-right: 2px; position: absolute; left: 2px; top: 7px; }
    #body ul li { margin-bottom: 7px; padding-left: 20px; position: relative; }
button { -webkit-appearance: none; background: transparent; border: 0; }



/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer { }

#SiteHeaderContainer { padding: 0; position: fixed; width: 100%; z-index: 3; }
#SiteGridContainer { }
#SiteFooterContainer { background-color: #edf1f2; padding: 0px; }

#SiteHeader { padding: 22px 30px 18px 30px; background-color: #fff; color: #121212; font-family: 'HadassahFriedlaender-Bold'; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); }
#SiteFooter { max-width: 1170px; margin-left: auto; margin-right: auto; overflow: hidden; }
#SiteGrid { max-width: 1170px; padding: 0px; margin: 0 auto; overflow: hidden; }

#GridRight { float: right; width: 250px; margin-left: 40px; }
/*#GridPage { float: right; width: calc(100% - 290px); }*/
#GridLeft { float: right; display: none; }
#GridTop { }
#GridContent { }
#GridFooter { }

#PageLeft { }
#PageRight { }
#PageMenu { }
#PageHeader { }
#PageContent { }
#PageKdm { }
#PageFooter { }
#UnderSiteFooterContainer img { width: 160px; }


@media (max-width: 1170px) {
    #GridLeft { display: none; }
    #SiteGrid { max-width: 90vw; }
}

@media (max-width: 1170px) {
    #SiteHeaderContainer { padding: 0; }
}

@media (max-width: 991px) {
    #GridPage { float: none; width: 100%; }
    #SiteHeader { padding: 0; font-family: 'HadassahFriedlaender-Bold'; }
    #SiteHeaderContainer { width: 100%; bottom: 0; z-index: 3; }
}

@media (max-width:767px) {
    #GridRight { float: none; width: 100%; margin: 0 auto; }
    body { font-size: 18px; }
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) {
    #side-collapse-menu { width: 100% }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel { border-radius: 0; border-top: 1px solid #ECECEC; padding: 0; margin: 0; background-color: #fff; border: none; margin-bottom: 15px; color: #121212; }
    .accordion .panel-title { width: 100%; font-family: "HadassahFriedlaender-Bold"; font-weight: 800; font-size: 110%; letter-spacing: 0.5px; }
        .accordion .panel-title > a { width: 100%; right: 0; top: 0; display: block; padding: 24px 70px 24px 15px; color: #121212; }
            .accordion .panel-title > a:hover { text-decoration: none; }
            .accordion .panel-title > a:focus { text-decoration: none; }
    .accordion .panel-collapse.collapse { position: relative; }
    .accordion .panel-collapse:after { content: ""; background-color: #E71163; position: absolute; top: 0; width: 100%; height: 2px; }
    .accordion .panel-default > .panel-heading { color: #333; background-color: transparent; border-color: #ddd; position: relative; color: #fff; }
    .accordion .panel-heading { padding: 0; border-bottom: 0; border-radius: 0px; }
.panel.panel-default div p { font-size: 90%; line-height: 1.3; /*padding-top: 20px; padding-bottom: 20px;*/ padding: 15px 115px 15px 15px; }
.plus-to-minus { width: 28px; height: 28px; cursor: pointer; -webkit-transition: -webkit-transform ease 400ms; transition: -webkit-transform ease 400ms; transition: transform ease 400ms; transition: transform ease 400ms, -webkit-transform ease 400ms; right: 26px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; border: 2px solid #E71163; border-radius: 50%; pointer-events: none; }
a[aria-expanded="true"] + .plus-to-minus { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); border-color: #fff; }
.plus-to-minus:before, .plus-to-minus:after { content: ''; position: absolute; background-color: #FFF; border-radius: 10px; background: #121212; }
.plus-to-minus:before { left: 50%; margin-left: -1px; width: 2px; height: 10px; top: 7px; background: #121212; }
.plus-to-minus:after { top: 50%; margin-top: -1px; height: 2px; width: 10px; -webkit-transition: -webkit-transform ease 400ms; transition: -webkit-transform ease 400ms; transition: transform ease 400ms; transition: transform ease 400ms, -webkit-transform ease 400ms; left: 7px; }
a[aria-expanded="true"] + .plus-to-minus:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

@media(max-width:991px) {
}

@media(max-width:767px) {
    .plus-to-minus { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 15px; }
    a[aria-expanded="true"] + .plus-to-minus { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
    .panel.panel-default div p { padding-right: 0; width: 90%; }
    .accordion .panel-title > a:after { position: absolute; left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default > .panel-heading { padding-right: 0; }
    .accordion .panel-title > a { font-size: 20px; font-weight: bold; padding: 24px 15px 24px 57px; }
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px; margin-bottom: 30px; direction: ltr; }
.owl-nav { }
.owl-item { text-align: center; height: 400px; overflow: hidden; }
    .owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) {
    .owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader { position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10; }
.lightbox-gallery .lightbox-gallery-item
/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/
.lightbox-galleryVideo .lightbox-gallery-loader { position: absolute; top: 50%; left: 50%; z-index: 10; }
.lightbox-galleryVideo .lightbox-gallery-item { }


.popUpVideo .modal-header { border: none; }

.popUpVideo .vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; }

.popUpVideo .vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; }

.popUpVideo .modal-content { width: inherit; height: inherit; margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; border: none; }


.popUpVideo .modal-body iframe { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }

.popUpVideo .modal-backdrop.fade.in { z-index: 0; }
.popUpVideo .close { opacity: 1 !important; color: #fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps { margin-bottom: 30px; }

@media(max-width:991px) {
    #PageBreadCrumps { margin-bottom: 10px; margin-top: 10px; }
}

#PageBreadCrumps a:link { background-image: url('../images/breadcrumbs-arrow.png'); color: #5A5B5E; text-decoration: none !important; display: inline-block; padding-right: 25px; background-repeat: no-repeat; background-position: right 10px top 7px; }

#PageBreadCrumps a:first-child { background-image: none; padding-right: 0; }
#PageBreadCrumps a:visited { color: #5A5B5E; text-decoration: none !important; font-size: 100%; }
#PageBreadCrumps a:hover { color: #5A5B5E; text-decoration: underline; font-size: 100%; }



/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu { }
    #rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
    #rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
    #rightMenu .selected { color: red; }
    #rightMenu .navbar-default { border: 0; background-color: transparent; }
    #rightMenu .navbar { min-height: 0; margin-bottom: 0; }
    #rightMenu .navbar-header { float: right; }

@media(max-width:767px) {
    #rightMenu .navbar-header { float: none; width: 100%; margin: 0; }
}
/*------------------------------------*\
    Contact Form
\*------------------------------------*/
.form-group { margin-bottom: 0; }
#ThankYou { color: #111; text-align: center; }
.mrw-dynamic-form { }
    .mrw-dynamic-form .form-messages,
    .mrw-dynamic-form .form-messages .loading,
    .mrw-dynamic-form .form-messages .success,
    .mrw-dynamic-form .form-messages .error { display: none; color: #121212; z-index: 9999; font-size: 110% }

    .mrw-dynamic-form .form-messages { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(255,255,255,0.8); }
    .mrw-dynamic-form .form-group > div.checboxWrapper label.mrw-form-label.activeField { top: auto; right: auto; position: unset; }
    .mrw-dynamic-form .mrw-form-label.activeField { top: -20px; left: 15px; font-size: 85%; }
    .mrw-dynamic-form .error-message { color: red; display: none; }
    .mrw-dynamic-form .mrw-form-label { font-size: 90%; cursor: auto; position: absolute; top: 8px; left: 22px; color: #121212; letter-spacing: 0; z-index: 1; pointer-events: none; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; font-weight: normal; }
    .mrw-dynamic-form .form-group > div { }
    .mrw-dynamic-form .form-control { color: #000; padding-right: 10px; position: relative; cursor: text !important; background: none !important; height: 40px; background-color: #ebebeb !important; border: none; box-shadow: none; font-size: 90%; border-radius: 0; }

    .mrw-dynamic-form label.error { color: red; position: absolute; top: 0px; left: 15px; font-weight: normal; }
    .mrw-dynamic-form .form-control.error { border-color: red; }
.error { color: red; font-size: 70%; }
.contentInputWrapper { margin-top: 20px; }
.checboxWrapper { display: block; margin: 20px auto 0; text-align: center; direction: ltr; }
.checkcontainer { display: inline-block; position: relative; padding-left: 20px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #121212; font-weight: normal; text-align: left; }
    .checkcontainer .checkmark { position: absolute; top: 6px; left: 0; height: 13px; width: 13px; border: 1px solid #272727; }
    .checkcontainer input:checked ~ .checkmark { background-color: #ec1163; border-color: #ec1163; }
    .checkcontainer input { position: absolute; opacity: 0; cursor: pointer; margin: 0; }
    .checkcontainer .checkmark:after { content: ""; display: none; position: absolute; left: 3px; top: 1px; width: 5px; height: 8px; border: 1px solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    .checkcontainer input:checked ~ .checkmark:after { display: block; }
/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/

#contact-form-wiget.mrw-dynamic-form .form-group > div.checboxWrapper input { width: auto; display: inline-block; height: auto; cursor: pointer !important; width: 13px; height: 13px; border-radius: 0; background: #ffffff; border: solid 1px #cccccc; -webkit-appearance: none; }
#contact-form-wiget .form-control#approve { height: 0px; padding: 0; }
#contact-form-wiget #content.form-control { height: 120px; resize: none; margin: 0; }
#contact-form-wiget .form-submit { background-color: #ffffff; margin: 20px auto 30px; display: block; color: #121212; }


@media(max-width:1024px) {
    .mrw-dynamic-form .form-group > div { margin-bottom: 5px; padding: 0 15px; }
    .contact-form-wrapper { max-width: 85%; padding: 40px 35px 30px; }
    #main-menu > li > a.contactPage { background-color: transparent; }
        #main-menu > li > a.contactPage span { position: relative; }
            #main-menu > li > a.contactPage span:before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 50px; height: 6px; background-color: #ffcb05; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}

@media(max-width:991px) {
}

@media(max-width: 767px) {
    #contact-form-wiget .row { margin: 0; }
    #contact-form-wiget .form-control { margin-bottom: 5px; }
    #contact-form-wiget .form-submit svg { width: 15px; height: 15px; margin-right: 2px; }
    .mrw-dynamic-form .form-group > div { margin-bottom: 15px; padding: 0 }
    .inner-content { padding-bottom: 75px; }
    .contact-form-wrapper { padding: 25px 10px 30px; }
    .contact-form-title { font-size: 5.75vw; }
    #main-menu > li > a.contactPage span:before { height: 5px; }
    #contact-form-wiget .form-submit { width: 100%; margin-top: 10px; border: none; margin-bottom: 0; }
    .contentInputWrapper { margin-top: 0px; }
    .checboxWrapper { text-align: right; margin: 0px; }
}


/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox { text-align: center; background-color: #1c1c1c; padding: 15px; }

    #loginBox .loginBox-guest-hello { color: #F68B1F; line-height: 24px; margin-bottom: 10px; }
    #loginBox .firstSentence { font-size: 130%; }
    #loginBox .secondSentence { font-size: 165%; }

    #loginBox #LoginBox-Buttons { padding-top: 20px; }
        #loginBox #LoginBox-Buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; margin: 0px 5px; text-decoration: none; cursor: pointer; }

    #loginBox #LoginBox-SignIn { width: 100%; margin-left: auto; margin-right: auto; overflow: auto; }
        #loginBox #LoginBox-SignIn .login-field { margin-bottom: 12px; border-radius: 3px; border: none; width: 100%; padding: 5px 10px 4px 10px; }
        #loginBox #LoginBox-SignIn .login-submit { float: left; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; cursor: pointer; text-decoration: none; }

        #loginBox #LoginBox-SignIn .forgetPass { float: left; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }
        #loginBox #LoginBox-SignIn .user-register { float: right; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }

    #loginBox .loginBox-user-hello { color: #F68B1F; line-height: 24px; }
    #loginBox .loginBox-user-buttons { padding-top: 20px; }
        #loginBox .loginBox-user-buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 110%; padding: 2px 12px; margin: 0px 2px; text-decoration: none; cursor: pointer; margin-bottom: 10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; max-height: 0; display: block; overflow: hidden; opacity: 0; }

.dropdown.open .dropdown-menu { max-height: 100vh; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 1; }


/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
#headline { }
    #headline h1 { color: #121212; margin: 0; padding: 0; font-size: 170%; letter-spacing: 1px; line-height: 1.25; margin-bottom: 10px; }
#subheadline h2 { margin: 0; padding: 0; font-size: 130%; color: #59595B; font-weight: normal; margin-bottom: 10px; }

#writer { margin-bottom: 5px; font-weight: normal; }
#text1 { margin-top: 20px; margin-bottom: 20px; }
    #text1 strong { }
    #text1 b { }

#video { margin-bottom: 20px; }
    #video video { width: 100%; height: auto; }

#remarks { font-size: 90%; }

h3 { font-size: 100%; }
h4 { }

.picD { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }



.topBanner { height: 410px; background-size: cover; background-position: center center; position: relative; margin-top: 90px; margin-bottom: 95px; }
    .topBanner .contentOnBanner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 1; width: 100%; text-align: center; }
    .topBanner #headline h1 { color: #ffffff; font-size: 350%; }
        .topBanner #headline h1:after { width: 61px; border-bottom: solid 4px #ec1163; position: absolute; left: 50%; bottom: -12px; content: ""; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

@media (max-width: 991px) {
    .topBanner { margin-top: 0; }
}

@media (max-width: 767px) {
    .topBanner { height: 280px; margin-bottom: 45px; }
        .topBanner #headline h1 { font-size: 240%; }
        .topBanner .contentOnBanner { max-width: 90vw; }
            .topBanner .contentOnBanner .topBanner #headline h1 { line-height: 1; }
}


/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg { margin: 0px; }

.no-pad { padding: 0px; }

.p-vert { display: table; }

.c-vert { display: table-cell; vertical-align: middle; }

.f-h { height: 100%; }

.f-w { width: 100%; }

.margin-auto { margin: 0 auto }
.generalBtn { height: 50px; display: inline-block; padding: 12px 15px 0 15px; min-width: 220px; background-color: #fff; color: #121212; text-align: center; font-family: 'HadassahFriedlaender-Bold'; font-weight: 800; text-transform: uppercase; border: 2px solid #121212; box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%); }
.smallGeneralBtn { height: 40px; padding-top: 6px; }
a.smallGeneralBtn { padding-top: 8px }
.generalBtn.pinkBtn { background: #ec1163; color: #ffffff; border: 0; }
.hoverEffect { position: relative; display: block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.smallGeneralBtn .hoverEffect { top: -2px; }
.hoverEffect:not(.redBtn) { overflow: hidden; }
.hoverEffect span:before { position: absolute; top: 100%; content: attr(data-hover); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.hoverEffect:hover span, .hoverEffect:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }
.hoverEffect span { position: relative; display: block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }

.generalLink { position: relative; display: inline-block; -webkit-transition: all .3s ease; transition: all .3s ease; direction:ltr;}
    .generalLink:after { position: absolute; left: 0; content: ''; width: 100%; height: 2px; background: #e71163; bottom: -4px; transform: scale(0, 1); -webkit-transform: scale(0, 1); transition: transform .3s; -webkit-transition: transform .3s; transform-origin: center top; -webkit-transform-origin: center top; }
    .generalLink:hover:after { transform: scale(1, 1); -webkit-transform: scale(1, 1); }
    .generalLink:before { position: absolute; left: 0; content: ''; width: 100%; height: 2px; background: #000; bottom: -4px; transform-origin: center top; -webkit-transform-origin: center top; }
a.contentBox:hover .generalLink:after, a.contentBox:focus .generalLink:after { transform: scale(1, 1); -webkit-transform: scale(1, 1); }
a.contentBox:hover, a.contentBox:focus { color: #121212; }
.contentBox:hover .generalLink, .contentBox:focus .generalLink { color: #ec1163; }

.bottom-section-title { text-align: left; font-family: 'HadassahFriedlaender-Regular'; font-size: 450%; opacity: 0.7; position: absolute; bottom: 30px; left: 0; padding: 0 0 0 75px; color: #fff; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; transition-delay: .5s; }
    .bottom-section-title span.firstSpan { opacity: 0.5; }
    .bottom-section-title span.secSpan { color: #91989e; opacity: 0.5; }
.showItem .bottom-section-title { opacity: 1; }
.flexLine { height: 2px; background-color: #121212; display: inline-block; vertical-align: middle; margin-right: 10px; max-width: 0px; position: absolute; bottom: 86px; left: 0; }
.bottom-section.showItem .flexLine { animation: strechLine 2s 0.5s forwards linear; -moz-animation: strechLine 2s 1.5s forwards linear; -o-animation: strechLine 2s 0.5s forwards linear; }
.pink-element { position: absolute; transition: all 1000ms cubic-bezier(.17,.67,.83,.67); -webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67); transition-duration: 2s; -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); bottom: 0; max-height: 600px; opacity: 0; overflow: hidden; }
    .pink-element.right-element { left: auto; right: 0; }
    .pink-element img { width: 645px; position: absolute; bottom: 0; height: auto; right: 0px; max-width: 100vw; }
    .pink-element.right-element img { right: auto; left: 0; }
.showItem .pink-element { opacity: 1; left: 0; }
    .showItem .pink-element.right-element { left: auto; right: 0px; }

@media(max-width:991px) {
    .bottom-section-title { font-size: 365%; line-height: 0.9; }
}

@media (max-width: 767px) {
    .bottom-section-title { font-size: 250%; }
    .generalBtn { width: 200px; border: solid 2px #121212; }
}

@media(max-width:360px) {
}
/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; text-align: center; }

#mrw-modal-1 { }
    #mrw-modal-1 .modal-content { border-radius: 0px; background-color: transparent; display: inline-block; pointer-events: all; }





#quick-view-pop svg { width: 30px; height: 30px; }
#quick-view-pop .close { position: absolute; top: 4px; right: 5px; opacity: 1; width: 30px; height: 30px; border-radius: 15px; box-shadow: 0 0 8px 0 rgba(35, 31, 32, 0.3); }
    #quick-view-pop .close .xIcon { display: block; width: 100%; height: 100%; padding: 4px; text-align: center; }
    #quick-view-pop .close svg { width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); fill: #fff; stroke: #fff; }

@media(max-width:767px) {
    #quick-view-pop .close { top: -30px; right: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
}
/*------------------------------------*\
    Custom Popup Modal
\*------------------------------------*/

.dialog, .dialog__overlay { width: 100%; height: 100%; top: 0; left: 0; }
.dialog { position: fixed; /*display: flex;*/ align-items: center; justify-content: center; pointer-events: none; }
    .dialog.dialog--open { z-index: 9999; pointer-events: auto; display: flex; }
.dialog__overlay { position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.75); opacity: 0; transition: opacity 0.3s; }
.dialog--open .dialog__overlay { opacity: 1; pointer-events: auto; }
.dialog__content { max-width: 820px; width: 820px; background: #000; padding: 57px; text-align: center; position: relative; z-index: 5; opacity: 0; pointer-events: none; z-index: 0; }
.dialog--open .dialog__content { pointer-events: auto; z-index: 5; }

/* Content */
.dialog h2 { margin: 0; font-weight: 400; font-size: 2em; padding: 0 0 2em; margin: 0; }
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content { animation-duration: 0.3s; animation-fill-mode: forwards; }
.dialog.dialog--open .dialog__content { animation-name: anim-open; }
.dialog.dialog--close .dialog__content { animation-name: anim-close; }

@media(max-width:991px) {
    .dialog__content { width: 90vw; }
}

@media(max-width:767px) {
    .dialog__content { padding: 15px; padding-right: 0; }
}

@keyframes anim-open {
    0% { opacity: 0; transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

@keyframes anim-close {
    0% { opacity: 1; }
    100% { opacity: 0; transform: scale3d(0.9, 0.9, 1); }
}

/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center; }
.grid-view .grid-box-image { padding-bottom: 56%; position: relative; overflow: hidden; }
    .grid-view .grid-box-image a { display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; }
    .grid-view .grid-box-image img { margin: 0 auto; max-width: 100%; }



.grid-view.center-elements .row { font-size: 0px; text-align: center; }
    .grid-view.center-elements .row > div { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/


/*@font-face { font-family: 'HadassahFriedlaender-Bold'; src: url('../fonts/HadassahFriedlaender-Bold/HadassahFriedlaender-Bold.eot'); src: url('../fonts/HadassahFriedlaender-Bold/HadassahFriedlaender-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HadassahFriedlaender-Bold/HadassahFriedlaender-Bold.woff2') format('woff2'), url('../fonts/HadassahFriedlaender-Bold/HadassahFriedlaender-Bold.woff') format('woff'), url('../fonts/HadassahFriedlaender-Bold/HadassahFriedlaender-Bold.ttf') format('truetype'); }
@font-face { font-family: 'almoni-tzar-aaa-bold'; src: url('../fonts/almoni-tzar-aaa-bold/almoni-tzar-aaa-bold.eot'); src: url('../fonts/almoni-tzar-aaa-bold/almoni-tzar-aaa-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/almoni-tzar-aaa-bold/almoni-tzar-aaa-bold.woff2') format('woff2'), url('../fonts/almoni-tzar-aaa-bold/almoni-tzar-aaa-bold.woff') format('woff'), url('../fonts/almoni-tzar-aaa-bold/almoni-tzar-aaa-bold.ttf') format('truetype'); }
@font-face { font-family: 'almoni-neue'; src: url('../fonts/almoni-neue-aaa-400/almoni-neue-aaa-400.eot'); src: url('../fonts/almoni-neue-aaa-400/almoni-neue-aaa-400.eot?#iefix') format('embedded-opentype'), url('../fonts/almoni-neue-aaa-400/almoni-neue-aaa-400.woff') format('woff'), url('../fonts/almoni-neue-aaa-400/almoni-neue-aaa-400.ttf') format('truetype'); }*/
@font-face { font-family: 'NarkissBlock-Regular'; src: url('../fonts/NarkissBlock-Regular/NarkissBlock-Regular.woff'); src: url('../fonts/NarkissBlock-Regular/NarkissBlock-Regular.woff2') format('woff2'), url('../fonts/NarkissBlock-Regular/NarkissBlock-Regular.woff') format('woff'); }
@font-face { font-family: 'NarkissBlock-Bold'; src: url('../fonts/NarkissBlock-Bold/NarkissBlock-Bold.woff'); src: url('../fonts/NarkissBlock-Bold/NarkissBlock-Bold.woff2') format('woff2'), url('../fonts/NarkissBlock-Bold/NarkissBlock-Bold.woff') format('woff'); }
@font-face { font-family: 'HadassahFriedlaender-Regular'; src: url('../fonts/HadassahFriedlaender-Regular/HadassahFriedlaender-Regular.woff'); src: url('../fonts/HadassahFriedlaender-Regular/HadassahFriedlaender-Regular.woff2') format('woff2'), url('../fonts/HadassahFriedlaender-Regular/HadassahFriedlaender-Regular.woff') format('woff'); }
@font-face { font-family: 'HadassahFriedlaender-Bold'; src: url('../fonts/HadassahFriedlaender-Bold/HadassahFriedlaender-Bold.woff'); src: url('../fonts/HadassahFriedlaender-Bold/HadassahFriedlaender-Bold.woff2') format('woff2'), url('../fonts/HadassahFriedlaender-Bold/HadassahFriedlaender-Bold.woff') format('woff'); }


/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper { display: table; height: 100%; width: 100%; }

#popup-modal .vertical-align-center { display: table-cell; vertical-align: middle; z-index: 99999; }

#popup-modal .modal-header { border: none; padding: 0px; }

#popup-modal .close { display: block; float: none; margin: 0 auto; opacity: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; right: auto; }

    #popup-modal .close span { color: #fff; }

#popup-modal .modal-body { text-align: center; }

#popup-modal .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; }


.vertical-alignment-helper { display: table; height: 100%; width: 100%; }
.vertical-align-center { display: table-cell; vertical-align: middle; }




/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery { position: relative; min-height: 250px; }
.lightbox-gallery-item { display: none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery > .close, .blueimp-gallery > .title { top: 65px; display: block; }
.blueimp-gallery a.next { display: block !important; }
.blueimp-gallery a.prev { display: block !important; }
.blueimp-gallery ol.indicator { display: block !important; }
.blueimp-gallery a.play-pause { display: block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider { border: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0); overflow: hidden; }

    .flexslider .flexslider-item { display: block; /*min-height: 200px;*/ padding-bottom: 40%; background-size: cover; background-position: center center; }

    .flexslider .flex-control-nav { bottom: 20px; z-index: 2; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,1); cursor: default; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); }
.flexslider .flexslider-item { position: relative; }
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff; font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%; }


@media(max-width:767px) {
    .flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
}


/*------------------------------------*\
    Footer Style 
\*------------------------------------*/

/*------------------------------------*\
    Newsletter
\*------------------------------------*/
#SiteFooter .footerContact { color: #fff; margin-top: 60px; margin-bottom: 40px; }
    #SiteFooter .footerContact .mrw-dynamic-form .form-messages { background: #262626; border: 1px solid #fff; color: #fff; }
        #SiteFooter .footerContact .mrw-dynamic-form .form-messages,
        #SiteFooter .footerContact .mrw-dynamic-form .form-messages .loading,
        #SiteFooter .footerContact .mrw-dynamic-form .form-messages .success,
        #SiteFooter .footerContact .mrw-dynamic-form .form-messages .error { color: #fff; font-size: 90%; }
#SiteFooter .footerContact { color: #fff; margin-top: 60px; margin-bottom: 40px; }
.newsletterTitle { margin-bottom: 10px; font-size: 85%; letter-spacing: 0.55px; font-family: 'HadassahFriedlaender-Bold'; color: #121212; }
.footerNewsletterFormBox { text-align: center; }
    .footerNewsletterFormBox .mrw-dynamic-form { position: relative; }
.mrw-dynamic-form .newsLetterBox .form-control { background: rgba(255, 255, 255, 0.6) !important;border:1px solid #121212; }
.newsLetterBtn { width: 90px; height: 34px; font-size: 75%; border: 2px solid #121212; padding-right: 20px; background: none; color: #121212; }
.newsLetterBtnBox { position: relative; }
    .newsLetterBtnBox svg { width: 12px; height: 12px; position: absolute; right: 34%; top: 50%; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transform: translate(-50%, -50%) rotate(180deg); -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); }
#SiteFooter .footerContact .footerLogo { text-align: center; }
    #SiteFooter .footerContact .footerLogo a:not(.footerLogoImg), #SiteFooter .footerContact .footerMobileSocial a:not(.footerLogoImg) { display: inline-block; width: 16px; height: 18px; }
    #SiteFooter .footerContact .footerLogo a.fb-btn, #SiteFooter .footerContact .footerMobileSocial a.fb-btn { width: 8px; }
    #SiteFooter .footerContact .footerLogo a.yt-btn, #SiteFooter .footerContact .footerMobileSocial a.yt-btn { width: 18px; margin: 0 10px; }
        #SiteFooter .footerContact .footerLogo a.yt-btn svg, #SiteFooter .footerContact .footerMobileSocial a.yt-btn svg { margin-bottom: 1px; }
    #SiteFooter .footerContact .footerLogo a svg path, #SiteFooter .footerContact .footerLogo a svg circle { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
    #SiteFooter .footerContact .footerLogo a:not(.footerLogoImg):hover svg path, #SiteFooter .footerContact .footerLogo a:not(.footerLogoImg):hover svg circle { fill: #E71163; }

@media(min-width: 1025px) {
    #SiteFooter .footerContact { position: relative; }
        #SiteFooter .footerContact > div,
        #SiteFooter .footerContact .footerlinksDesktop > div { display: inline-block; }
        #SiteFooter .footerContact .footerlinksDesktop .footerLogo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
    .newsLetterBtnBox { margin-top: 20px; }
        .newsLetterBtnBox:hover svg { right: 32%; }
    .footerNewsletterFormBox { max-width: 200px; float: right; }
    #SiteFooter .footerContact .footerlinksDesktop { width: 66.666%; }
        #SiteFooter .footerContact .footerlinksDesktop .dekstopMenuFooter { max-width: 250px; }
    a.footerLogoImg img { padding-bottom: 15px; }
}

@media(min-width: 1025px) and (max-width: 1280px) {
    #SiteFooter { width: 90%; }
}

@media(max-width: 1024px) {
    #SiteFooter { padding: 0; }
        #SiteFooter .footerContact { margin: 0; }
    .footerNewsletterFormBox { padding: 23px 30px; }
    .mrw-dynamic-form .newsLetterBox .form-control { height: 34px; }
    .newsLetterBox, .newsLetterBtnBox { display: inline-block; }
    .newsLetterBox { position: relative; }
        .newsLetterBox span.error { position: absolute; top: 6px; left: 10px; }
    .newsLetterBtnBox { width: 132px; }
    .newsLetterBtn { width: 100%; }
    .newsLetterBtnBox svg { right: 22%; }

    .footerLogo { padding: 30px 20px 20px; }
    .footerMobileSocial { text-align: center; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .footerNewsletterFormBox .mrw-dynamic-form > div:not(.form-messages) { display: inline-block; }
    .newsLetterBox { width: calc(100% - 150px); }
    .footerNewsletterFormBox .mrw-dynamic-form .form-group { width: calc(100% - 165px); margin-right: 20px; }
    .footerNewsletterFormBox { background-color: #292929; }
    .newsLetterBtnBox { margin-right: 10px; }

    #SiteFooter .footerContact .footerLogo, .footerMobileSocial { padding-bottom: 10px; }
}

@media(min-width: 991px) and (max-width: 1024px) {
    .footerlinksDesktop.row { display: none; }
    .visible-sm.footerMobile { display: block !important; }
}

@media(max-width:991px) {
    .footerLogoImg { text-align: center; padding: 30px 0; }
}

@media(max-width: 767px) {
    .footerLogoImg { padding: 15px 0 0; }
        .footerLogoImg img { max-width: 80px; }
    .newsletterTitle { font-size: 125%; }
    .newsLetterBox { width: calc(100% - 105px); }
    .footerNewsletterFormBox .form-group { background: #fff; }
    .mrw-dynamic-form .newsLetterBox .form-control { background: #fff !important; }
    .newsLetterBox span.error { top: 8px; }
    .newsLetterBtnBox { width: 100px; }
    .newsLetterBtn { color: #121212; background: #fff; font-size: 85%; }
    .newsLetterBtnBox svg { width: 10px; height: 10px; right: 17%; }
        .newsLetterBtnBox svg .st0 { fill: #121212; }

    .footerMobileSocial { text-align: right; padding-right: 20px; direction: rtl; }
    .footerMobile { display: table !important; width: 100%; margin: 0; direction: ltr; }
    #SiteFooter .footerContact .footerLogo, .footerMobileSocial { display: table-cell; width: 50%; vertical-align: middle; }
    .footerLogo img { max-width: 80px; margin-left: 0; }
}

@media(max-width: 320px) {
    .newsLetterBtnBox svg { top: 47%; }
}

/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooterContainer { background: #edf1f2; padding: 0; }
#UnderSiteFooter { padding: 7px 5px; border-top: 2px solid #ec1163; }
    #UnderSiteFooter .rightsTextFooter p { font-size: 80%; text-align: center; color: #121212; }


@media(max-width: 991px) {
    #UnderSiteFooterContainer { padding-bottom: 85px; }
    #UnderSiteFooter { border: none; }
}

@media(max-width: 767px) {
    #UnderSiteFooterContainer { padding-bottom: 65px; }
}

/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

@media (min-width: 768px) {

    .col-sm-15 { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-15 { width: 20%; float: left; }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
    .bootbox .modal-footer { text-align: center; }
        .bootbox .modal-footer button { margin: 10px; }
        .bootbox .modal-footer .btn + .btn { margin-bottom: 10px; }
    .bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px) {
    .bootbox .modal-dialog { width: 80%; }
}



.slick-arrow { position: absolute; top: 50%; width: 30px; height: 30px; padding: 0; margin: 0; border-radius: 50%; background-color: transparent; color: transparent; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; border: 0px; }
    .slick-arrow.slick-next { left: -15px; }
    .slick-arrow.slick-prev { right: -15px; }
.slick-slider { margin: 0; padding: 0 30px; }
.slick-slide { margin: 0 10px; }
.slick-list { margin: 0; }
.slick-arrow img { -webkit-transition: all .3s ease; transition: all .3s ease; filter: invert(1); }
.slick-next:hover img { -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-10px); transform: translateX(-15px); }
.slick-prev:hover img { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); transform: translateX(15px); }

@media(max-width:991px) {
    .slick-slider { padding: 0px; }
    .slick-arrow { display: none !important;; }
}
/**contentBox*/
.contentBox { background-color: #fff; color: #121212; display: block; height: 100%; }
.contentBox-img { position: relative; padding-bottom: 63%; background-size: cover; background-position: center center; }
.contentBox-item { box-shadow: 0 3px 15px 0 rgb(0 0 0 / 26%); height: 100%; display: flex; flex-direction: column; }
.contentBox-content { padding: 8px 20px 0 20px; position: relative; text-align: center; padding-bottom: 30px; }
.contentBox-title { font-family: 'HadassahFriedlaender-Bold'; font-weight: 800; font-size: 90%; line-height: 1.08; }
.contentBox-subtitle.contentBox-subtitle-events { display: none; }

.contentBox-subtitle { /*font-family: 'almoni-tzar-aaa-light';*/ font-size: 80%; line-height: 1.17; margin-top: 11px; flex-grow: 1; }
.contentBox-link { font-family: "HadassahFriedlaender-Bold"; font-weight: 800; position: absolute; width: 100%; text-align: center; left: 0; bottom: 25px; font-size: 80%; text-transform: uppercase; line-height: 1; }
.contentBox .freeEntranceLabel { position: absolute; min-width: 112px; background-color: #e71163; color: #ffffff; font-family: "HadassahFriedlaender-Bold"; font-weight: 800; padding: 5.5px; top: 10px; right: 10px; text-align: center; font-size: 90%; }
.contentBox.soldOutItem .contentBox-img:after { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; }
.contentBox.soldOutItem .soldOutLabel { position: absolute; top: 50%; transform: translateY(-50%) rotate(-15deg); -webkit-transform: translateY(-50%) rotate(-15deg); color: #ffffff; font-size: 265%; width: 100%; text-align: center; z-index: 1; font-family: "HadassahFriedlaender-Bold"; font-weight: 800; }
.ContentBoxWide { display: inline-block; width: 510px; margin: 0 17px 35px 17px; box-shadow: 0px 10px 30px 0 rgba(47, 50, 58, 0.14); }
.ContentBoxWide-item { background: #fff; height: 220px; color: #121212; }
.ContentBoxWide-img { display: inline-block; width: 43%; background-position: center center; background-size: cover; height: 100%; }
.ContentBoxWide-content { display: inline-block; width: 55%; vertical-align: top; position: relative; height: 100%; text-align: center; padding: 25px 14px; }
.ContentBoxWide-Date { color: #E71163; font-family: "HadassahFriedlaender-Bold"; font-weight: 800; font-size: 120%; }
.contentBox-date { color: #E71163; font-family: "HadassahFriedlaender-Bold"; font-weight: 800; text-align: center; font-size: 100%; }
    .contentBox-date span { display: inline-block; vertical-align: middle; }
        .contentBox-date span.seperator { font-family: 'almoni-neue'; font-weight: bold; margin: 0 -2px; padding-top: 2px; }
        .contentBox-date span.straightLine { font-family: 'almoni-neue'; font-weight: bold; margin: 0px 1px 0px 4px; }

@media(max-width:1170px) {
    .ContentBoxWide { width: calc(49% - 23px); margin: 15px; }
    .contentBox-content { padding: 10px 15px; }
    .contentBox-title { font-size: 120%; }
}

@media(max-width:991px) {
    .ContentBoxWide { width: 42vw; margin: 2.8vw; vertical-align: top; }
    .ContentBoxWide-item { height: auto; }
    .ContentBoxWide-img { display: block; width: 100%; height: 220px; }
    .ContentBoxWide-content { display: block; width: 100%; height: 220px; }
}

@media(max-width:991px) and (min-width:768px) {
    .contentBox-title { line-height: 1.3; }
    .contentBox-content { padding: 10px 25px; }
}

@media(max-width:767px) {
    .contentBox-content { padding: 15px 35px; }
}

@media(max-width:320px) {
    .contentBox-content { padding: 15px 25px; }
}

.Participate-item { display: table; width: 100%; }
.Participate-img { padding-bottom: 325px; margin: 0 auto; background-size: cover; background-position: center; display: table-cell; width: 214px; }
.Participate-content { display: table-cell; width: 489px; padding-right: 44px; text-align: right; }
.ParticipateView { color: #fff }
.ParticipateBox-img { padding-bottom: 230px; background-size: cover; background-position: center; background-color: #ec1163; filter: grayscale(100%); -webkit-transition: all .3s ease; transition: all .3s ease; }
.ParticipateBox a:hover .ParticipateBox-img { filter: grayscale(0%); }
.ParticipateBox { margin: 0 15px; font-family: "HadassahFriedlaender-Bold"; font-weight: 800; background: transparent; color: #fff; }
.ParticipateBox-line { background-color: #fff; height: 2px; margin-top: 6px; margin-bottom: 15px; }
.Participate-title { font-family: "HadassahFriedlaender-Bold"; font-weight: 800; font-size: 130%; line-height: 1.08; }
.Participate-text1 { line-height: 1.33; font-size: 90%; margin-top: 15px; max-width: 374px; }
.ParticipateBox-img span.picCredit { position: absolute; bottom: 0px; left: 0px; font-size: 14px; padding: 0px 5px; background: rgba(0, 0, 0, 0.7); font-family: 'NarkissBlock-Regular'; }
.ParticipateBox-img { position: relative; }
.ParticipateBox-title { font-size: 90%; letter-spacing: 0.5px; color: #121212; }
@media(max-width:767px) {
    .Participate-item { display: block; overflow-y: scroll; max-height: 70vh; direction: ltr; padding-right: 15px; }
    .Participate-img { display: block; padding-bottom: 50vh; background-position: top center; width: 100%; }
    .Participate-content { padding-right: 0; margin-top: 10px; display: block; width: 100%; direction: rtl; }
}
/*------------------------------------*\
    Animation
\*------------------------------------*/


.FadeInElement { opacity: 0; transform: translate(0, 10px); -webkit-transform: translate(0, 10px); transition: all 1000ms cubic-bezier(.17,.67,.83,.67); -webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67); transition-duration: 1.5s; -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); }
    .FadeInElement.showItem { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.hiddenContentBox { animation: fadeElements; animation-delay: 1000s; animation-duration: 1s; animation-fill-mode: both; }


.infoSection { display: inline-block; vertical-align: top; width: 49%; padding: 40px 40px; position: relative; }
.firstSecContent { max-width: 1070px; margin: 0 auto; text-align: center; }
.infoSectionText h3 { font-family: 'HadassahFriedlaender-Bold'; margin-top: 15px; font-size: 120%; margin-bottom: 5px; }
.infoSection:nth-child(2) .infoSectionText a { display: inline-block; }
    .infoSection:nth-child(2) .infoSectionText a:after { content: ""; display: block; height: 2px; width: 100%; background-color: #fff; }
.infoSectionText p { font-size: 90%; }
.infoSection:first-child:after { width: 2px; height: 125px; border-left: solid 1px #ebebeb; content: ""; position: absolute; left: -20px; top: 30px; }

@media(max-width:767px) {
    .infoSection { padding: 10px 33px 10px 33px; width: 100%; text-align: left; margin-top: 0px; }
    .infoSectionIcon { display: inline-block; vertical-align: middle; text-align: center; }
    .infoSectionText { display: inline-block; vertical-align: middle; padding-left: 17px; width: calc(100% - 45px); }
    .infoSectionIcon img { max-width: 45px; }
    .infoSectionText h3 { font-size: 100%; }
    .infoSection:first-child:after { left: 33px; top: auto; height: 1px; bottom: -4px; right: 33px; border: none; background-color: transparent; width: auto; }
}

@media(max-width:360px) {
    .infoSectionText { font-size: 90%; }
}

@keyframes fadeElements {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeElements {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


@keyframes scrolldown {
    0% { background-position: 0 -50px; }
    75% { background-position: 0 0; }
    100% { background-position: 0 50px; }
}



@-webkit-keyframes strechLine {
    0% { max-width: 0px; }
    100% { max-width: 100%; }
}

@keyframes strechLine {
    0% { max-width: 0px; }
    100% { max-width: 100%; }
}

@keyframes strechLine {
    0% { max-width: 0px; }
    100% { max-width: 100%; }
}

@keyframes strechLine {
    0% { max-width: 0px; }
    100% { max-width: 100%; }
}

@media(min-width: 1025px) and (max-width: 1400px) {
    .topBanner #headline h1 { font-size: 300%; }
    .ContentBoxWide { width: 450px; }
    .ContentBoxWide-item { height: 265px; }
    .contentBox-title { font-size: 115%; }
    .contentBox-date { font-size: 100%; }

    #headline h1 { font-size: 150%; }
}

#SiteFooterContainer a { color: #121212; }
a.footerLogoImg img { filter: invert(1); }
#SiteFooter .footerContact .footerlinksDesktop .footerLogo svg path { fill: #121212; }
.newsLetterBtnBox svg path { fill: #121212; }
.footerLogoImg img { filter: invert(1); }
.contentBox-link { position: static; margin-top: auto; margin-top: 30px; }
.contentBox-content { display: flex; flex-direction: column; flex-grow: 1; }
.eventsList .row { display: flex; flex-wrap: wrap; }

#SiteFooterContainer a:hover, #SiteFooterContainer a:focus { color: #ec1163; }

@media (max-width: 991px) {
    .footerContact fieldset { display: flex; align-items: center; justify-content: space-between; }
}
h3.contact-by-phone { display: none; }
.row { display: flex; flex-wrap: wrap; }